window.onload=function(){
			//1、banner部分图片轮播效果
			//获取轮播图所在的ul元素
			var oul=document.getElementsByClassName("main_content")[0];
			//获取图片列表li元素
			var liArray=oul.getElementsByTagName("li");
			//设置父容器ul的宽度，使图片在一行排列
			oul.style.width=990*liArray.length+"px";
			//定义一个定时器timer		
			var timer;	
			//定义一个index，用来保存当前索引，默认开始为0
			var index=0;
			//获取轮播切换按钮
			var tabUl=document.getElementsByClassName("tab")[0];
			var tabArray=tabUl.getElementsByTagName("li");
			//设置页面加载后第一个按钮颜色为红色
			tabArray[index].className="active";
			
			//函数调用
			autoMove();	
						
			
			//点击tab切换按钮来切换图片
			//先遍历所有的切换按钮
			for(var i=0;i<tabArray.length;i++){	
				//保存当前点击按钮的索引
				tabArray[i].index=i;
				//为按钮添加单击事件
				tabArray[i].onclick=function(){
					clearInterval(timer);
					//更新当前索引
					index=this.index;
					//显示当前索引所对应的banner图
					oul.style.left=-990*index+"px";	
					//调用setStyle()方法，设置当前的样式为红色
					setStyle();
				}	
			}
			
			
			//设置鼠标移入移出轮播图时的效果
//			for(var j=0;j<liArray.length;j++){
//				//鼠标移入时，清除定时器，停止播放
//				liArray[j].onmouseover=function(){
//					clearInterval(timer);
//					//鼠标移出时，自动播放
//					this.onmouseout=function(){
//						autoMove();
//					}
//				}
//			}	
				
			oul.onmouseover=function(){
				clearInterval(timer);
			}
			oul.onmouseout=function(){
				autoMove();
			}
			
			//每隔3秒自动播放
			function autoMove(){
				timer=setInterval(function(){
					index++;
					//判断当前图片的索引是否大于等于总图片数，如果是则从头开始播放
					if(index>=liArray.length){
						index=0
					}
					//设置ul的left值。
					//比如当前索引为0，那么此时的ul的left值为0，显示为第一张图片，；
					//如果当前索引为1，那么此时的ul的left值为-990px，显示为第二张图片；
					oul.style.left=-990*index+"px";
					//定义一个方法用来设置选中时切换按钮的样式
					setStyle();
				},3000);
			}
			
		
			
			
			//定义一个方法用来设置选中时切换按钮的样式
			function setStyle(){
					for(var j=0;j<tabArray.length;j++){
						tabArray[j].className="";
					}
					tabArray[index].className="active";
			}
			
			
			
			//2、快速购票，鼠标移入展开div，鼠标移开后再次隐藏
			//获取所有的li列表
			var ticketLi=document.getElementsByClassName("ticket")[0].getElementsByTagName("li");
			//获取隐藏的div
			var divSelect=document.getElementsByClassName("hide_select");
			//遍历所有的选择菜单
			for(var i=0;i<ticketLi.length;i++){
				//保存当前索引
				ticketLi[i].index=i;
				//为当前选择菜单添加鼠标移入事件
				ticketLi[i].onmouseover=function(){
					//显示当前选择菜单下的div
					divSelect[this.index].style.display="block";		
				}
				//当鼠标移出当前列表后div隐藏
				ticketLi[i].onmouseout=function(){
					divSelect[this.index].style.display="none";
				}
			}
			
			
			//3、正在热映和即将上映影片切换
			//获取切换按钮span
			var allSpan=document.querySelectorAll(".section .title span");
			//获取热映和即将上映的两个ul列表
			var moveList=document.getElementsByClassName("move_list");
			//初始化第一个标题背景颜色为红色
			allSpan[0].className="bgRed";
			//循环遍历所有的标题
			for(var i=0;i<allSpan.length;i++){
				//保存当前的索引
				allSpan[i].index=i;
				//为每个标题添加鼠标单击事件
				allSpan[i].onclick=function(){
					/*
					 * 循环遍历所有的影片列表，
					 * 设置所有的影片列表都隐藏
					 * 删除标题的红色背景
					 */
					for(var j=0;j<moveList.length;j++){
						moveList[j].style.display="none";
						allSpan[j].className="";
					}
					//设置当前的影片列表显示
					moveList[this.index].style.display="block";
					//设置当前的标题背景为红色
					allSpan[this.index].className="bgRed";
				}		
			}
			
			
			
			//4、鼠标悬停到影片上显示影片详情
			//获取影片图片所在的li
			var item=document.getElementsByClassName("item");
			//获取遮罩层div元素
			var filmHide=document.getElementsByClassName("film_hide");
			for(var i=0;i<item.length;i++){
				item[i].index=i;
				item[i].onmouseover=function(){
					filmHide[this.index].style.display="block";	
				}
				item[i].onmouseout=function(){
					filmHide[this.index].style.display="none";
				}
			}
			
			//5、影城活动，鼠标移入小图标，对应的字体变红，上方显示对应的大图
			//获取轮播大图
			var bd=document.getElementsByClassName("bd")[0];
			var bdArray=bd.getElementsByTagName("li");
			//获取指示块
			var indicate=document.getElementsByClassName("indicate")[0];
			var indicateLi=indicate.getElementsByTagName("li");
			//获取字体p
			var p=indicate.getElementsByTagName("p");
			//先遍历所有的指示块
			for(var i=0;i<indicateLi.length;i++){	
				//保存当前指示块的索引
				indicateLi[i].index=i;
				//为当前指示块添加鼠标移入事件
				indicateLi[i].onmouseover=function(){
					//改变当前大轮播条的层叠顺序，使其显示
					bdArray[this.index].style.zIndex=99;		
					//改变字体颜色为红色
					p[this.index].style.color="red";
				}
				//鼠标移出时，修改轮播图的z-index值
				indicateLi[i].onmouseout=function(){
					bdArray[this.index].style.zIndex=2;		
					p[this.index].style.color="#666666";
				}
			}
			
			//6、品牌资讯，鼠标移入显示图片，移出隐藏
			var newList=document.getElementsByClassName("newList")[0];
			var newListA=newList.getElementsByTagName("a");
			var newList_img=newList.getElementsByTagName("img");
			for(var i=0;i<newListA.length;i++){
				newListA[i].index=i;
				newListA[i].onmouseover=function(){
					newList_img[this.index].style.display="block";
				}
				newListA[i].onmouseout=function(){
					newList_img[this.index].style.display="none";
				}
			}
}

